<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>管理员后台</title>
<link rel="stylesheet" type="text/css" href="css/public.css" />
<link rel="stylesheet" type="text/css" href="css/page.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
</head>
<body>
	<script>
		// 检查用户框和密码框是否为空
		function loginCheck() {
			if ($("input[name='username']").val() == "") {
				alert('用户名不能为空！');
				return false;
			}
			else if ($("input[name='password']").val() == "") {
				alert('密码不能为空！');
				return false;
			}
			return true;
		}
	</script>
	<!-- 登录body -->
	<form action="/bang/LoginServlet" method="post"
		onsubmit="return loginCheck()">
		<div class="logDiv">
			<img class="logBanner" src="img/logBanner.png" />
			<div class="logGet">
				<!-- 头部提示信息 -->
				<div class="logD logDtip">
					<p class="p1">登录</p>
				</div>
				<!-- 输入框 -->
				<div class="lgD">
					<img class="img1" src="img/logName.png" /><input type="text"
						name="username" placeholder="输入用户名" autocomplete
						pattern="[A-z|0-9]{5,15}"
						oninvalid="alert('请输入6~15位字母或数字！');" />
				</div>
				<div class="lgD">
					<img class="img1" src="img/logPwd.png" /><input type="password"
						name="password" placeholder="输入用户密码" pattern="[A-z|0-9]{5,15}"
						oninvalid="alert('请输入6~15位字母或数字！');" />
				</div>
				<div class="logC">
					<input type="submit" value="登录" />
				</div>
			</div>
		</div>
	</form>
	<!-- 登录body  end -->

	<!-- 登录页面底部 -->
	<div class="logFoot">
		<p class="p1">版权所有：</p>
		<p class="p2">Tel：123456789</p>
	</div>
	<!-- 登录页面底部end -->
</body>
</html>